
<!DOCTYPE html >

<html lang="zh-cmn-Hans">

<head>

    <meta charset="UTF-8">

    <title>室内人员入侵与防护系统</title>

    <!-- Custom styles for this template -->
    <link href="/static/css/signin.css" rel="stylesheet">
</head>

<body>

<div class: ="header">

    <div class="container row header-body">

        <div class="col-8 header-left">

            <i class="iconfont">&#xe601;</i>

            <span class="font- separate">I</span>

            <h1>室内人员入侵与防护系统</h1>

        </div>

        <div class ="col-4 header-right" id="ConnectState"> 数据服务连接中...</div>

    </div>
</div>

<div class="main">

    <div class="container">

        <div class="row" >

            <div class="col-12">

                <div class="panel">

                    <div class="panel-body p20">
                        <div class = "row">


            <div id="images"class = "co-6">

                <img class="panel-body-img-ture" scr="/static/images/SN.jpg"/>
            </div>

<div class= "col-6">

<h3>人体红外探测器传感器</h3>

<p>室内安全状况:<span class="codioino" id="curenTerr">
    检测关闭</span></p>
<div class ="row">


    <div class = "col-l"></div>

    <div class ="col-6"></div>

<buton type="button"class="button buttonColor1" id="SearchCom">查询</buton>

</div>

<div class = "col-4">

    <button type="button" class="button buttonColor3"id="Sensor_Switch">
        开启报警
    </button>





</div>

</div>

<div class = "hr"></div>

<div class = "row">

<div class = "col-3"> </div>

<div id= "bgd_images">

    <img class = "bgd_status " src="/static/images/SN.jpg" style="width:260px;height:250px;"/>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="row hr"></div>

<div cass="footer" style = "margin-bottom:-1px"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.js"></script>
